// ================================获取数据并渲染====================
function renderCategory() {
  $.ajax({
    type: 'GET',
    url: '/my/category/list',
    success: function (res) {
      // 判断
      // if (res.status === 0) {
      let str = '';
      res.data.forEach(item => {
        str += `
          <tr>
            <td>${item.name}</td>
            <td>${item.alias}</td>
            <td>
              <button type="button" class="layui-btn layui-btn-xs">编辑</button>
              <button type="button" class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
            </td>
          </tr>
          `
      });
      // 循环之后把拼接好的放到tbody中
      $('tbody').html(str)
      // }
    }
  })
}
renderCategory()

// ================================添加分类功能====================
// 2.1) 点击添加类别,出现弹层
let addIndex
$('button:contains("添加类别")').on('click', function () {
  // 核心方法 layer.open()
  addIndex = layer.open({
    type: 1,
    title: '添加类别',
    content: $('#tpl-add').html(),
    area: ['500px', '250px']
  })
})

// 2.2)表单提交 -- 阻止默认行为 -- 收集数据 -- ajax提交
$('body').on('submit', '#add-form', function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  $.ajax({
    type: 'POST',
    url: '/my/category/add',
    data: data,
    success: function (res) {
      layer.msg(res.message);
      if (res.status === 0) {
        renderCategory(); // 调用函数，更新页面数据
        layer.close(addIndex); // 关闭弹出层
      }
    }
  });
})

// ================================编辑分类功能====================
// ================================删除分类功能====================


